<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Example 3</title>
    <style>
        body {
            font-family: Junge;
            position: relative;
            width: 21cm;
            height: 29.7cm;
            margin: 0 auto;
            color: #001028;
            background: #FFFFFF;
            font-size: 14px;
        }

        footer {
            color: #5D6975;
            width: 100%;
            height: 30px;
            position: absolute;
            bottom: 0;
            border-top: 1px solid #C1CED9;
            padding: 8px 0;
            text-align: center;
        }


        h2 {
            font-size: 20px;
        }

        table .service,
        table .desc {
            text-align: left;
        }

        table td {
            padding: 20px;
            text-align: right;
        }

            table td.service,
            table td.desc {
                vertical-align: top;
            }

            table td.unit,
            table td.qty,
            table td.total {
                font-size: 1.2em;
            }

            table td.sub {
                border-top: 1px solid #C1CED9;
            }

            table td.grand {
                border-top: 1px solid #5D6975;
            }

        table tr:nth-child(2n-1) td {
            background: #EEEEEE;
        }

        table tr:last-child td {
            background: #DDDDDD;
        }
    </style>
</head>
<body>
    <main>
      <h1>[INVOICENUMBER]</h1>
      <table>
        <thead>
          <tr>
            <th>CODIGO</th>
            <th>DESCRIPCION</th>
            <th>CANTIDAD</th>           
            <th>PRECIO U.</th>      
            <th>TOTAL</th>      
          </tr>
        </thead>
        <tbody>
            [TR_ROWS]          
        </tbody>
      </table> 
        <table>
        <thead>
          <tr>
            <th></th>
            <th></th>
          </tr>
        </thead>
        <tbody>
            [TR_ROWS_TOTAL]          
        </tbody>
      </table>      
      <div id="notices">
        <div><h2></h2></div>
        <div class="notice"></div>
      </div>
    </main>
    <footer>
        Falcon-System.net - Todos los derechos reservados   
    </footer>
</body>
</html>
